<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <% String path = request.getContextPath();%>
 <%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<c:forEach items="${articles }" var="article">
	 <div class="ui padded vertical segment m-padded-tb-large m-mobile-lr-clear" id="box22" data-id=${article.id }>
                <div class="ui mobile reversed stackable grid">
                    <div class="ui eleven wide column">
                    	<a href="<%= path %>/ConsultingArticleController?action=findManagerById&id=${article.id}"><h3 class="ui header">${article.title }</h3></a>
                        <p class="m-text">${article.content }</p>
                        <div class="ui stackable grid">
                            <div class="eleven wide column">
                                <div class="ui mini horizontal link list">
                                    <div class="item">
                                        <div class="content">
                                            <a href="#" class="header">${article.managerinfo.nickname}</a>
                                        </div>
                                    </div>
                                    <div class="item">
                                  
                                        <span>发布时间:&nbsp;&nbsp;<fmt:formatDate value="${article.pubTime}" pattern="yyyy年MM月dd日HH点mm分ss秒" /></span>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="ui five wide column">
                        <a href="#" target="_blank">
                            <img src="<%= path %>/images/articleImages/${article.pic }" alt="这是宇宙飞船" class="ui rounded image" style="width: 240px;">
                        </a>
                    </div>

                </div>
            </div>
        </c:forEach>
       
         <!--  页数  -->
         
         <style>
         	.idbox{
         		
         		height:20px;
         		width:20px;
         		background-color:#f2eada;
         		margin-left:10px;
         		border:1px solid gray;
         		float:left;
         		text-align:center;
         		
         	}
         </style>
         
         
         
         
         <!-- 模糊搜索 -->
         <c:forEach items="${articlesSearch }" var="articleSearch">
	 <div class="ui padded vertical segment m-padded-tb-large m-mobile-lr-clear" >
                <div class="ui mobile reversed stackable grid">
                    <div class="ui eleven wide column">
                    	<a href="<%= path %>/ConsultingArticleController?action=findManagerById&id=${articleSearch.id}"><h3 class="ui header">${articleSearch.title }</h3></a>
                        <p class="m-text">${articleSearch.content }</p>
                        <div class="ui stackable grid">
                            <div class="eleven wide column">
                                <div class="ui mini horizontal link list">
                                    <div class="item">
                                        <div class="content">
                                            <a href="#" class="header">${articleSearch.managerinfo.nickname}</a>
                                        </div>
                                    </div>
                                    <div class="item">
                                  
                                        <span>发布时间:&nbsp;&nbsp;<fmt:formatDate value="${articleSearch.pubTime}" pattern="yyyy年MM月dd日HH点mm分ss秒" /></span>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="ui five wide column">
                        <a href="#" target="_blank">
                            <img src="<%= path %>/images/articleImages/${articleSearch.pic }" alt="这是宇宙飞船" class="ui rounded image" style="width: 240px;">
                        </a>
                    </div>

                </div>
            </div>
        </c:forEach>
        
        
        
        
        
        
        <div class="ui bottom attached segment">
         	<c:forEach begin="1" end="${count/5+(count%5==0?0:1) }" var="i">
         		<div class="idbox">
                                    	<a class="p"  class="pagernum" data-page="${i }">${i }</a>
                                    </div>
	                     
	           </c:forEach>
         		 
              
            </div>
        

	<!-- <div class="ui bottom attached segment">
            <div class="ui middle aligned two column grid">
                <div class="column">
                    <a href="#" class="ui mini teal basic button">上一页</a>
                </div>
                <div class="right aligned column">
                    <a href="#" class="ui mini teal basic button">下一页</a>
                </div>
            </div>
        </div> -->
 